
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
        #allmap{width:100%;height:50%;}
        .full{height:100% !important;}
        p{margin-left:5px; font-size:14px;}
        .content{padding: 10px;height:50%;}
        .anchorBL{display:none}
        .btn-secondary,.btn-secondary{
            margin-left:10px;
            width: 50px; 
            height: 35px;
            line-height: 35px;
            border-width: 0px; 
            border-radius: 10px; 
            background: #1E90FF; 
            cursor: pointer; 
            outline: none; /* 不显示轮廓线 */
            font-family: Microsoft YaHei; 
            color: white; /* 字体颜色 */
            font-size: 15px; /* 字体大小 */

        }
        .btn-secondary,.btn-secondary:hover { /* 鼠标移入按钮范围时改变颜色 */
            background: #5599FF;
        }
    </style>
    <!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=cP4IumJqObUec2oBEkYr8Z6Gpk8v9RaM"></script>-->
    <link href="./bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="./bootstrap/bootstrap-table.min.css" rel="stylesheet">
    <script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=3AOJ5noyHqbDtgIGLLkqMS9AH81eEKxu"></script>
    <script src="./jquery.min.js"></script>
    <script src="./bootstrap/bootstrap.min.js"></script>
    <script src="./bootstrap/bootstrap-table.min.js"></script>
    <script src="./bootstrap/bootstrap-table-export.min.js"></script>
    <script src="./tableExport.js"></script>
    <title>范围内关键词搜索</title>
</head>
<body>
<div id="allmap"></div>
<div id="content" class="modal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body" >
                <form id="formText" class="form-horizontal" role="form">
                    <textarea name=""  class="form-control" id="contentText" cols="30" rows="10" placeholder="一个坐标组为一行，为经度 纬度 热度(非必须1-100)，可以直接从Excel复制三列。例如：121.6349694	30.9195222	50"></textarea>
                </form>
            </div>
            <div class="modal-footer">
                <button type="submit" id="close" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" id="add" class="btn btn-primary" data-dismiss="modal">添加</button>
            </div>
        </div>
    </div>
</div>
<div class="content">
    <div class="row">
        <div class="col-lg-4">
            <div class="input-group">
                <div id="r-result"><input id="suggestId" type="text" class="form-control" placeholder="中心点搜索" value=""></div>
                <div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="input-group">
                <input id="range" type="text" class="form-control" placeholder="范围值" value="500">
                <span class="input-group-addon">米</span>
                <input id="search" type="text" class="form-control" placeholder="多个关键词用,分割" value="学校,医院">
                <span class="input-group-btn">

                    <button id="btn" class="btn btn-default" type="button">查询</button>
                </span>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="input-group">
                <input id="region" type="text" class="form-control" placeholder="eg:徐汇区" value="">
                <span class="input-group-btn">
                    <button id="regionbtn" type="button" class="btn btn-default">
                    搜索市/区
                    </button>
                    <button id="regionClear" type="button" class="btn btn-default">
                    清除边框
                    </button>
                </span>
            </div>
        </div>
    </div>
    <div id="toolbar">
        <button type="button" id="remove" disabled class="btn btn-default"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></button>
        <button type="button" class="btn btn-default" data-toggle="modal" data-target="#myModal">自行添加坐标点</button>
		        <button id="button" disabled class="btn btn-default">存储</button>
                <button id="readLocal" class="btn btn-default">读取</button>  
<!--                <button id="unique" class="btn btn-default">去重</button>-->

    </div>
    <table id="table"
           data-height="450"
           data-search="true"
           data-show-refresh="false"
           data-show-toggle="true"
           data-show-columns="true"
           data-toolbar="#toolbar">
    </table>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body" >
                <form id="form" class="form-horizontal" role="form">
                    <input type="text" class="form-control ty" placeholder="类型">
                    <input type="text" class="form-control n"  placeholder="名称">
                    <input type="text" class="form-control a"  placeholder="地址">
                    <input type="text" class="form-control t"  placeholder="电话">
                    <input type="text" class="form-control j"  placeholder="经度(百度)">
                    <input type="text" class="form-control w"  placeholder="维度(百度)">
                </form>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" id="addflag" class="btn btn-primary" data-dismiss="modal">添加</button>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./main-20180613.js"></script>
</html>
